<script setup lang="ts">

import {useDictStore} from "@/stores";

interface Props {
  dictCode: string
  dictValue: string | number | boolean
  size?: 'small' | 'medium' | 'large' | 'tiny'
}

const props = withDefaults(defineProps<Props>(), {
  size: 'medium',
  dictCode: '',
  dictValue: undefined
})
const dictStore = useDictStore();
</script>
<template>
  <component :is="dictStore.renderTag(props.dictCode,props.dictValue,props.size)"/>
</template>
<style scoped>
</style>
